<template>
    <div>
        <div class="deatil_box_right">
            <div class="auctioneer">
                <div class="auctioneer_info">
                    <div>拍主资料</div>
                </div>

                <div class="auctioneer_name">
                    <div class="bname">孔网古旧书店</div>
                </div>

                <div class="autioneer_btn">
                    <a href="/user" class="look" style="margin-right:50px">
                        <span>查看所有拍品</span>
                    </a>
                    <a href="talk_btn" class="talk_btn">
                        <span>离线留言</span>
                    </a>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">资金帐号</div>
                    <div class="text">100001010107</div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">拍卖等级</div>
                    <div class="text"><img
                            src="https://img1.baidu.com/it/u=2339446961,2538394127&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1664211600&t=dc183f05bf8be528b603ee692418268c"
                            alt="" style="height: 20px;">
                    </div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">店铺等级</div>
                    <div class="text">
                        <img src="https://img1.baidu.com/it/u=2339446961,2538394127&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1664211600&t=dc183f05bf8be528b603ee692418268c"
                            alt="" style="height: 20px;">
                    </div>

                </div>
                <div class="autioneer_info_li">
                    <div class="name">资质认证</div>
                    <div class="text">
                        <img src="../assets/ren.png" alt="" title="实名认证" style="width: 19px">
                        <img src="../assets/buss.png" alt="" title="商业资质认证" style="width: 19px">
                    </div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">担保金</div>
                    <div class="text red">1147元</div>
                </div>
                <div class="autioneer_info_li" style="margin-bottom: 16px;">
                    <div class="name">开通时间</div>
                    <div class="text">2009年03月13日</div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">买家信誉</div>
                    <div class="text red">233456</div>
                </div>
                <div class="autioneer_info_li" style="margin-bottom: 16px;">
                    <div class="name" style="width: 66px;margin-right: 0;">卖家好评率 </div>
                    <div class="text"><span class="red">99.98%</span> <span>(34笔)</span></div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name">地址</div>
                    <div class="text">北京朝阳区</div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name" style="width: auto;margin-right: 8px;">电话 </div>
                    <div class="text" style="width: 77%;">101-083456578</div>
                </div>
                <div class="autioneer_info_li">
                    <div class="name" style="width: auto;margin-right: 8px;">注册 </div>
                    <div class="text" style="width: 77%;">2007-12-20 09:50:11</div>
                </div>
                <div class="autioneer_info_li btnhome">
                    <div class="into_btn">
                        <a href="talk_btn" class="auctioneerAbout">
                            <span>进入店铺 ></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
// import { getarticle } from '@/utils/api';
import { defineComponent } from 'vue';

export default defineComponent({
    props: {
        aid:{
				type:Number,
				// default:99 //默认值
			}
    },

    // data(){
    //   return {
    //     cData: []
    //   }
    // },
    // watch: {
    //   aid: function(newVal){
    //     this.cData = newVal; //newVal即是chartData
    //     console.log( this.cData)
    //   }

    // },
    // methods:{
    //     getData(aid: any){
    //          let result;
    //         // getarticle(this.aid).then((res)=>{
    //         //      if(res.data.code===1){
    //         //         result=console.log(res.data)
    //         //     }
    //         // })
    //         // console.log(aid)
    //         // return result
    //     }
    // },

    // mounted(){
    //    this.getData(this.aid)
    // }

})
</script>

<style lang="scss" scoped>
.deatil_box_right {
    float: right;
    width: 204px;
    min-height: 420px;
    border: 1px solid #888;
    // height: 200px;
}

.auctioneer {
    position: relative;
    min-height: 382px;
    padding: 20px 12px;

    .auctioneer_info {
        width: 100%;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        color: #888;
    }

    .auctioneer_name {
        width: 100%;
        margin-top: 20px;
        line-height: 16px;
        margin-bottom: 8px;
        font-size: 16px;
        color: #888;
    }

    .btnhome {
        text-align: center;
    }

    .autioneer_btn {
        width: 100%;
        margin-top: 8px;
        text-align: center;

        a {
            position: relative;
            text-decoration: none;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin-bottom: 14px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 400;
            padding: 0;
            margin-top: 4px;
            color: #888;
            border: 1px solid #c0935f;
            box-sizing: border-box;

            .look {
                width: 90px;
                color: #bf925f;
                border: 1px solid #c0935f;
                margin-right: 30px;
            }

            .talk_btn {
                width: 80px;
                margin-right: 30px;
            }

        }
    }

    .autioneer_info_li {
        position: relative;
        width: 100%;
        margin-bottom: 8px;
        line-height: 24px;
        font-size: 12px;
        color: #888;

        .name {
            width: 50px;
            float: left;
            font-size: 12px;
            color: #666;
            margin-right: 16px;
        }

        .text {
            width: 104px;
            float: left;
            font-size: 12px;
            color: #666;
        }

        .into_btn {
            width: 78px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            display: inline-block;
            margin-top: 10px;
            padding: 0;

            span {
                color: #888;

            }
        }
    }

    a {
        text-decoration: none;
    }

    .red {
        color: #9e100e !important;
    }

}
</style>